<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
		#box01{
			width:100%;
			height: 545px;
			overflow: hidden;
			position: relative;
			}
		#box02{
			width:280px;
			height: 180px;
			overflow: hidden;
			position: relative;
			}
			#box03{
			width: 1047px;
			height: 165px;
			overflow: hidden;
			position: absolute;
			}
				#box01 li{
				float: left;
				overflow: hidden;
			}
			#box02 li{
				float: left;
				overflow: hidden;
				list-style: none;
				width: 280px;
				height: 180px;
			}
			
			#box03 li{
				float: left;
				overflow: hidden;
				list-style: none;
				width: 281px;
				height: 159px;
			}
			
				#box01 ul li img{
					width: 100%;
					height: 545px;
				}
				#box02 li img{
					width: 280px;
					height: 180px;
				}
				#box03 li img{
					width: 281px;
					height: 159px;
				}
         
				
		</style>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<script type="text/javascript" src="js/jquery-1.4.2.min.js" ></script>
		<script type="text/javascript" src="js/Marquee.js" ></script>
		<script type="text/javascript" src="js/swiper.min.js"></script>
		<script>
			$(function(){
//				$("#box01").Marquee({
//					distance:1575,
//					time:5,
//					direction:'left',
//					btnGo:{left:'.left',right:'.right'},
//				});
//				
				$("#box02").Marquee({
					distance:280,
					time:1,
					direction:'left',
					btnGo:{left:'.span1',right:'.span2'},
				});
	            $("#box03").Marquee({
					distance:280,
//					time:1,
					direction:'left',
					
				});
			});
              
     
		</script>
	</head>
	<body>
		<div id="web">
			<!--头部-->
					<header>
				<div class="top">
					<div class="main">
					<span>全国热线：400-000-0000</span>
					<div class="link fr clear">
						<a href="index.html">设置首页</a>
						<a href="">添加收藏</a>
					</div>
					</div>
				</div>
				<nav>
					<div class="logo fl clearfix">	
					    <a href=""><img src="img/logo_03.jpg"/></a>
					</div>
					<ul class="fr clearfix">
						<li class="active">
							<a href="index.html">
							     <p>首页</p>
							     <p>Home</p>
							</a>
						</li>
						<li>
							<a href="">
							     <p>关于我们</p>
							     <p>About</p>
							</a>
						</li>
						<li>
							<a href="chanpin.html">
							     <p>产品中心</p>
							     <p>Products</p>
							</a>
						</li>
						<li>
							<a href="">
							     <p>服务支持</p>
							     <p>Service</p>
							</a>
						</li>
						<li>
							<a href="">
							     <p>新闻中心</p>
							     <p>News</p>
							</a>
						</li>
						<li>
							<a href="">
							     <p>在线商店</p>
							     <p>Shop</p>
							</a>
						</li>
						<li>
							<a href="xiangxi.html">
							     <p>联系我们</p>
							     <p>Contact Us</p>
							</a>
						</li>
					</ul>
				</nav>
			</header>
		    <!--轮播图-->
			<div class="carou">
				<div id="box01">
					<ul class="clearfix">
						<div>
						<li><a href="#"><img src="img/lunbo.jpg" /></a></li>
						</div>
						<div>
						<li><a href="#"><img src="img/lunbo.jpg" /></a></li>
						</div>
						<div>
						<li><a href="#"><img src="img/xianglun.JPG"/></a></li>
						</div>
						<div>
						<li><a href="#"><img src="img/xianglun.JPG"/></a></li>
					    </div>
					</ul>
				</div>
			  <div class="yidian">
			  	<li class="left"></li>
			  	<li class="left"></li>
			  	<li class="right"></li>
			  	<li class="right"></li>
			  </div>
			</div>
			<!--产品介绍-->
			<div class="product clearfix">
				<div class="div1 clearfix">
				<div class="border clearfix">
					<div class="xinwen">
                       <div class="img">
                       	<a href=""><img src="img/xinwen.png"/></a>
                       </div> 
                        <p>新闻中心</p>
                        <p>NEWS.CENTER</p>
                        <div class="hr"></div>
					</div>
				    <div class="ce clearfix">
					    <div class="ce-left fl">
						<h1>CeBIT 2015</h1>
						<div class="ce-img">
						<a href=""><img src="img/div1.jpg"/></a>
						</div>
					    </div>
					    <div class="ce-right fr">
					    <div class="ce-right-font">
						<p>创建ICT共建全联接</p>
						<p>世界德国汉诺威展览<br />
							中心</p>
						<p>3月16日-20日</p>
						</div>
					    </div>
				    </div>
					<hr />
					<ul>
						<li>
							<a href="">
								上海国际智能建筑展览会
							</a>
						</li>
						<li>
							<a href="">
							2014德国柏林国际消费电子类产品展览会
							</a>
							
						</li>
						<li>
							<a href="">
								2014中国（贵阳）公告安全防范产品展览会	
							</a>
						</li>
					</ul>
				</div>
				</div>
				<div class="div2 clearfix">
					<div class="div2-all">
					  <div class="div2-head">
					      <div class="div2-img">
					      	 <a href=""><img src="img/div2-1.JPG"/></a>
					      </div>
					      <p>新品发布</p>
                        <p>NEWS.PRODUCTS</p>
                        <div class="hr"></div>
					  </div>
					   <div class="div2-chanpin">
					   	<div id="box02">
					   		<li ><a href=""><img src="img/div2-2.jpg"/></a></li>
						   	<li ><a href=""><img src="img/about-li1.jpg"/></a></li>
					   	</div>
					   	<span class="span1"  id="span1">
					   		<img src="img/div2-left.PNG"/>
					   	</span>
					   	<span class="span2"  id="span2">
					   		<img src="img/div2-right.png"/>
					   	</span>
					   </div>
					   <div class="div2-font">
					   	<h1>a6213w-y</h1>
					   	<p>海思3518E方案，多码流技术，百万高球</p>
					   </div>
					</div>
				</div>
				<div class="div3 clearfix">
					<div class="div3-all">
						<div class="div3-head">
							<div class="div3-headimg">
								<a href=""><img src="img/div3-1.JPG"/></a>
							</div>
							<p>品牌介绍</p>
                        <p>INFORMATION</p>
                        <div class="hr"></div>
						</div>
					   <div class="div3-jiaoshao">
					   	<a href=""><img src="img/div3-2.jpg"/></a>
					   </div>
					   <div class="div3-font">
					   	<p>"siepem"品牌是广州市TK科技有限公司<br />推出的的自有品牌</p>
					   	<span class="div3-1">
					   		"
					   	</span>
					   	<span class="div3-2">
					   		"
					   	</span>
					   </div>
					</div>
				</div>
			</div>
			<!--关于我们-->
			<div class="about clearfix">
				<div class="we">
					    <hr />
					 	<div class="we-font">
					 	<h1>关于我们</h1>
					 	<p>STORE DISPLAY</p>
					 	</div>
					 </div>	
				<div class="about-jianjie">
					<div class="about-img2">
						<a href=""><img src="img/about-img.jpg"/></a>	
					</div>
					<div class="about-font">
						<p>广州市TK科技有限公司是领先的监控产品供应商和解决方案服务商，面向全球提供领先的网络视频监控系列产品及专业的行业解决方案。
   <br />TK公司自创立以来, 一直持续加大研发投入和不断致力于技术创新。现拥一批技术尖端的研发团队，创造安防行业众多高品质、高性价比的精品
                                                                         持续为客户创造最大价值。 </p>
					</div>
					<ul class="about-ul" id="box03">
						<li>
						<a href="">
							<img src="img/about-li1.jpg"/>
						</a>
						</li>
						<li>
							<a href="">
								<img src="img/about-li2.jpg"/>
							</a>
						</li>
						<li>
							<a href="">
								<img src="img/about-li3.jpg"/>
							</a>
						</li>
						<li>
							<a href="">
								<img src="img/about-li4.JPG"/>
							</a>
						</li>
						<li>
							<a href="">
								<img src="img/about-li5.jpg"/>
							</a>
						</li>
					</ul>
				</div>
					
				</div>
			</div>
			<!--联系我们-->
			<div class="contact">
				<div class="contact-font">
					<h1>联系我们</h1>
					<p>STORE DISPLAY</p>
				</div>
				<div class="contact-hr">
					<hr />
				</div>
			</div>
				<!--底部-->
			<div class="footer">
				<footer class="clearfix">
					<div class="footer-left fl">
						<div class="erwei-left fl">
							<img src="img/footer1.jpg"/>
							<p>微信扫一扫</p>
							<p>关注我们相关信息</p>
						</div>
						<div class="lian-right fr">
							<li>
							<img src="img/lianxi1.png"/>
							<a href="">服务热线：400-000-0000</a>
							</li>
							<li>
							<img src="img/lianxi2.png"/>
							<a href="">联&nbsp;&nbsp;系&nbsp;&nbsp;人：某先生</a>
							</li>
							<li>
							<img src="img/lianxi3.png"/>
							<a href="">公司邮箱：www.tk.com</a>
							</li>
							<li>
							<img src="img/lianxi4.png"/>
							<a href="">公司传真：000-12345678</a>
							</li>
							<li>
							<img src="img/lianxi5.png"/>
							<a href="">邮政编码：467000</a>
							</li>
							<li>
							<img src="img/lianxi6.png"/>
							<a href="">公司地址：广州市某某区某某路某号</a>
						   </li>
						</div>
						<div class="buttom">
							<img src="img/footer2.jpg"/>
						</div>
					</div>
					<div class="footer-right fr">
						<div class="form">
						<form action="" method="post">
						<p>昵称</p>
						<input type="text" >
						<p>联系电话</p>
						<input type="tel" maxlength="11" >
						<p>电子邮箱</p>
						<input type="email" >
						<p>内容</p>
						<textarea name="" rows="" cols="">
							
						</textarea>
						<input type="submit" value="提交" />
						</form>
						</div>
					</div>
				</footer>
			</div>
					<div class="address clearfix">
				<div class="guanzhu">
					<span>关注我们：
					<a href=""><img src="img/out.png"/></a>
					<a href=""><img src="img/out2.png"/></a>
					<a href=""><img src="img/out3.png"/></a>
					</span>
				</div>
				<ul class="address-ul">
					<li>
						<a href="index.html">
							网站首页
					    </a>
					</li>
					<li>
						<a href="">
							新闻动态
						</a>
					</li>
					<li>
						<a href="">
							关于我们
						</a>
					</li>
					<li>
						<a href="">
							团队风采
						</a>
					</li>
					<li>
						<a href="">
							联系我们
						</a>
					</li>
					<li>
						<a href="">
							在线留言
						</a>
					</li>
				    </ul>
			</div>
			<div class="cc">
				    	<p> ©2015 TK科技有限公司  版权所有沪ICP证13022560号-7 All Rights Reserveds</p>
			</div>
		
	</body>
</html>
